<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
    <title>下期到账提醒</title>    
    <link href="../css/mui.min.css" rel="stylesheet"/>
   	<link rel="stylesheet" type="text/css" href="../css/mgPublic.css"/>
   	<link rel="stylesheet" type="text/css" href="../css/mggj.css"/>
    <link rel="stylesheet" type="text/css"/>
    <style type="text/css">
    	body{background-color: #f5f5f5;}
    	.mui-scroll-wrapper{top: 44px;}
    </style>
</head>
<body>
<header class="mui-bar mui-bar-nav head_bar">
   <a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
    <h1 class="mui-title">下期到账提醒</h1>
    <!--<a class="mui-icon iconfont icon-hongbao mui-pull-right action_menu"></a>-->
</header>
<div class="mui-content">
	<div class="mui-scroll-wrapper">
	    <div class="mui-scroll">
	        <div class="reind_top">
	        	<p>项目名称：<b>Pink 分享有价值的时尚观</b></p>
	        	<p>购买价格：<span>￥500000</span></p>
	        	<div class="remind_line">
	        		<div class="earn_need_day">
	        			<p>下一期收益还需要<b>20</b>天</p>
	        			<span></span>
	        		</div>
	        		<div class="earning left10">
	        			<h6>当前收益</h6>
	        			<p>￥12000</p>
	        			<span class="default_ico"></span>
	        		</div>
	        		<div class="earning left30">
	        			<h6>6-30</h6>
	        			<p>￥12000</p>
	        			<span class="default_big"></span>
	        		</div>
	        		<div class="earning left50">
	        			<h6>08-30</h6>
	        			<p>￥12000</p>
	        			<span class="default_opacity"></span>
	        		</div>
	        		<div class="earning left70">
	        			<h6>10-30</h6>
	        			<p>￥12000</p>
	        			<span class="default_opacity"></span>
	        		</div>
	        	</div>
	        </div>
	        <div class="remind_bottom">
	        	<h2>项目动态</h2>
	        	<div class="remind_bottom_list">
	        		<ul>
		        		<li>
		        			<time>2016-08-12</time>
		        			<p>Pink公布或应诺天使基金投资20万</p>
		        		</li>
		        		<li>
		        			<time>2016-08-16</time>
		        			<p>Pink公布或应诺天使基金投资20万</p>
		        		</li>
		        		<li>
		        			<time>2016-08-19</time>
		        			<p>Pink公布或应诺天使基金投资20万</p>
		        		</li>
		        	</ul>
	        	</div>
	        </div>
	    </div>
	</div>
	
</div>
<script src="../js/mui.min.js"></script>
<script type="text/javascript" charset="utf-8">
mui.init({
	statusBarBackground:'#fff',
	gestureConfig:{
				doubletap:true
			}
});
mui("#mui-scroll").scroll();
 
</script>	
</body>
</html>